<html>
    <head>
        <title><g:layoutTitle default="Bolão" /></title>
        <link rel="stylesheet" href="${resource(dir:'css',file:'main.css')}" />
        <link rel="shortcut icon" href="${resource(dir:'images',file:'favicon.ico')}" type="image/x-icon" />
        <g:javascript library="application" />
        <g:javascript library="prototype" />
        <g:javascript library="scriptaculous" />
        <g:layoutHead />
    </head>
    <body>
        <div id="spinner" class="spinner" style="display:none;">
            <img src="${resource(dir:'images',file:'spinner.gif')}" alt="Spinner" />
        </div>
        <div id="topbar">
           <g:render template="/common/topbar" />
        </div>
        <div class="logo">
          <a href="${resource(dir:'')}">
            <img src="${resource(dir:'images',file:'bolao_logo.png')}" border="0"
                 alt="Bolão da Copa do Mundo" title="Bolão da Copa do Mundo" />
          </a>
        </div>
        <g:layoutBody />
        <div id="footer">
          <g:render template="/common/footer" />
        </div>
    </body>
</html>